<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">

<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<script type="text/javascript" src="lib/PIE_IE678.js"></script>
<![endif]-->
<link href="css/H-ui.min.css" rel="stylesheet" type="text/css" />
<link href="css/H-ui.admin.css" rel="stylesheet" type="text/css" />
<link href="lib/Hui-iconfont/1.0.1/iconfont.css" rel="stylesheet" type="text/css" />


<title>用户管理</title>
</head>
<body>

<!-- <input type="hidden" name="totalRowNumber" id="totalRowNumber" value=""/> -->
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 会员管理<span class="c-gray en">&gt;</span> 会员列表 <a class="btn btn-success radius r mr-20" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<div class="pd-20">
	<div class="text-c pb-20"> 
		<input type="text" class="input-text" style="width:250px" placeholder="输入会员名称" id="key" name="key">
		<button type="submit" class="btn btn-success radius"  onClick="demo()"id="" name=""><i class="Hui-iconfont">&#xe665;</i> 搜用户</button>
	</div>
	<div class="cl pd-5 bg-1 bk-gray"> <span class="l"><!-- <a href="javascript:;" onclick="datadel()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a> --> <a href="member-add.html"  class="btn btn-primary radius"><i class="Hui-iconfont">&#xe600;</i> 添加用户</a></span> <span class="r">共有数据：<strong id="sum"></strong> 条</span> </div>
	<div class="mt-20">
	<table class="table table-border table-bordered table-hover table-bg table-sort">
		<thead>
			<tr class="text-c">
				<th width="80">ID</th>
				<th width="100">用户名</th>
				<th width="150">用户头像</th>
				<th width="90">手机</th>
				<th width="130">注册时间</th>
				<th width="130">注册方式</th>
				<th width="70">状态</th>
				<th width="100">操作</th>
			</tr>
		</thead>
		<tbody id="str">
			<!-- <tr class="text-c">
				<td>1</td>
				<td>张三</td>
				<td><img src="" alt=""></td>
				<td>13000000000</td>
				<td>2014-6-11 11:11:42</td>
				<td>自主注册</td>
				<td class="td-status"><span class="label label-success radius">已启用</span></td>
				<td class="td-manage"><a style="text-decoration:none" onClick="member_stop(this,'10001')" href="javascript:;" title="停用"><i class="Hui-iconfont">&#xe631;</i></a> <a title="编辑" href="javascript:;" onclick="member_edit('编辑','member-add.html','4','','510')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a> <a style="text-decoration:none" class="ml-5" onClick="change_password('修改密码','change-password.html','10001','600','270')" href="javascript:;" title="修改密码"><i class="Hui-iconfont">&#xe63f;</i></a> <a title="删除" href="javascript:;" onclick="member_del(this,'1')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a></td>
			</tr> -->
		</tbody>
	</table>
	</div>
</div>
<div id="page1" style="float:right"></div>
<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="lib/layer/1.9.3/layer.js"></script>
<script type="text/javascript" src="lib/laypage/1.2/laypage.js"></script> 
<script type="text/javascript" src="lib/datatables/1.10.0/jquery.dataTables.min.js"></script> 
<script type="text/javascript" src="js/H-ui.js"></script> 
<script type="text/javascript" src="js/H-ui.admin.js"></script> 
<script type="text/javascript">
$(function(){
demo();


//运行


//*****************************************

});

//以下将以jquery.ajax为例，演示一个异步分页
function demo(curr){
	
	var key=$("#key").val();
// alert(key);
    $.ajax( {  
		     url:'/baby/sys/queryUserAll',// 跳转到 action  
		     data:{
		     	pageNum : curr
		     	,key:key
		     },  
		     type:'post',  
		     cache:false,  
		     dataType:'json',  
		     success:function(data) { 
		         if(data.code =="2000" ){ 
		             // alert(data.data.totalRowNumber); 
		              console.log(data); 
		              if(data.data==null ){
		             	alert("没有找到数据");
		             	return
		             }
		             var datalist= data.data.dataList;
		             
		             //拼页面
		             var s=data.data.totalRowNumber;
		             document.getElementById("sum").innerHTML=s
		            
		             var htmlstr='';
		             for (var i=0;i<datalist.length;i++){
		             	var obj=datalist[i];//获取单个数据对象
		             	var st=obj.state;
		             	var a=i+1;
		             	var htm='' ;
		             	var reg=''
		             	var but='';
		             	var imgUrl='/baby/admin/images/login.png';
		             	if(obj.registerType==0){
		             		reg='<span class="label label-success radius">自主注册</span>';
		             	}else{
		             		reg='<span class="label label-defaunt radius">后台注册</span>';
		             	}
		             	if(st==0){
							htm='<span class="label label-success radius">已启用</span>';
							btn='<a style="text-decoration:none" onClick="member_stop(this,\''+obj.sid+'\')" href="javascript:;" title="停用"><i class="Hui-iconfont">&#xe631;</i></a>'
		             	}else{
		             		htm='<span class="label label-defaunt radius">已停用</span>'
		             		btn='<a style="text-decoration:none" onClick="member_start(this,\''+obj.sid+'\')" href="javascript:;" title="启用"><i class="Hui-iconfont">&#xe6e1;</i></a>'
		             	}
						
		             	if(obj.userHeadPic!=''){
		             		imgUrl=obj.realPicUrl;
		             	}
		             	
		             		htmlstr+='<tr class="text-c">'
		             				+'<td>'+a+'</td>'
									+'<td>'+obj.userName+'</td>'
									+'<td><img style="max-height:100px;max-width:100px;" src="'+imgUrl+'" alt="sss"></td>'
									+'<td>'+obj.userPhone+'</td>'
									+'<td>'+obj.createTime+'</td>'
									+'<td>'+reg+'</td>'
									+'<td class="td-status">'+htm+'</td>'
									+'<td class="td-manage">'
									+btn
									//+'<a title="编辑" href="javascript:;" onclick="member_edit()" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a>'
									+'<a style="text-decoration:none" class="ml-5" onClick="change_password()" href="member-update.html?sid='+obj.sid+'" title="修改密码"><i class="Hui-iconfont">&#xe63f;</i></a>'
									//+'<a title="删除" href="javascript:;" onclick="member_del()" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a></td>'
									+'</tr>' 
		             	
						}
					document.getElementById("str").innerHTML =htmlstr
					// $("#tobdy").text(htmlstr)
		             // window.location.href='index.html'
		            // window.location.reload();  
		             laypage({
					    cont: $('#page1'), //容器。值支持id名、原生dom对象，jquery对象,
					    pages:data.data.totalRowNumber, //总页数
					    skip: true, //是否开启跳页
					    groups: 5, //连续显示分页数
					    curr: data.data.currentPage, //当前页
					    pages:data.data.totalPage,
					    jump: function(obj, first){
					    //得到了当前页，用于向服务端请求对应数据
					    var curr = obj.curr;
					    	// alert('xxx'+curr);
					    	if(!first){
								demo(curr);	
					    	}
						}
					});

		         }else if(data.code =="5001" ){
					alert(data.message); 
					 window.parent.location.href='http://localhost:8080/baby/resource/admin/login.html'
	             	console.log(data);  
		         	 
		         }  
		      }, error : function() {      
		             // view("异常！");  
		          alert("异常！");  
		     }  
		});
};

function ck(a){
alert(a);
}

/*用户-添加*/
function member_add(title,url,w,h){
	layer_show(title,url,w,h);
}
/*用户-查看*/
function member_show(title,url,id,w,h){
	layer_show(title,url,w,h);
}

/*用户-停用*/
function member_stop(obj,id){
	//alert(id);
	layer.confirm('确认要停用吗？',function(index){

		 $.ajax( {  
		     url:'/baby/sys/updatePassword',// 跳转到 action  
		     data:{  
		               sid : id,  
		               type : '1'  
		      },  
		     type:'post',  
		     cache:false,  
		     dataType:'json',  
		     success:function(data) { 
		         if(data.code =="2000" ){ 
		            $(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="member_start(this,\''+id+'\')" href="javascript:;" title="启用"><i class="Hui-iconfont">&#xe6e1;</i></a>');
					$(obj).parents("tr").find(".td-status").html('<span class="label label-defaunt radius">已停用</span>');
					$(obj).remove();
						layer.msg('已停用!',{icon: 5,time:1000});
		         }else{  
		              alert(data.message); 
		             console.log(data);  
		         }  
		      }, error : function() {      
		             // view("异常！");  
		          alert("异常！");  
		     }  
		});

	
	});
}

/*用户-启用*/
function member_start(obj,id){
	layer.confirm('确认要启用吗？',function(index){
		 $.ajax( {  
		     url:'/baby/sys/updatePassword',// 跳转到 action  
		     data:{  
		               sid : id,  
		               type : '1'  
		      },  
		     type:'post',  
		     cache:false,  
		     dataType:'json',  
		     success:function(data) { 
		         if(data.code =="2000" ){ 
					$(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="member_stop(this,\''+id+'\')" href="javascript:;" title="停用"><i class="Hui-iconfont">&#xe631;</i></a>');
					$(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已启用</span>');
					$(obj).remove();
					layer.msg('已启用!',{icon: 6,time:1000});
		         }else{  
		              alert(data.message); 
		             console.log(data);  
		         }  
		      }, error : function() {      
		             // view("异常！");  
		          alert("异常！");  
		     }  
		});
	});
}

/*用户-编辑*/
function member_edit(title,url,id,w,h){
	layer_show(title,url,w,h);
}
/*密码-修改*/
function change_password(title,url,id,w,h){
	layer_show(title,url,w,h);	
}

/*用户-删除*/
function member_del(obj,id){
	layer.confirm('确认要删除吗？',function(index){
		$(obj).parents("tr").remove();
		layer.msg('已删除!',{icon:1,time:1000});
	});
}

</script> 
</body>
</html>